<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商家订单</title>
    <link rel="stylesheet" href="../plugins/layui/layui-v2.5.6/layui/css/layui.css">

</head>
<body>
    <script src="../plugins/layui/layui-v2.5.6/layui/layui.js"></script>
    <script src="../js/grade.js"></script>
    <script>
      layui.use(['form', 'element'], function(){
        var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
        
        //监听导航点击
        element.on('nav(demo)', function(elem){
        //console.log(elem)
        layer.msg(elem.text());
        });
        });
    </script>
          
    <div class="layui-fluid" style="padding: 0">
        <ul class="layui-nav">
            <li class="layui-nav-item">
              <a href="merchant.jsp">我的商品<span class="layui-badge-dot"></span></a>
            </li>    
            <li class="layui-nav-item">
              <a href="merchant-orders.jsp">我的订单<span class="layui-badge">9</span></a>
            </li>
            <li class="layui-nav-item layui-this">
                <a href="merchant-comment.jsp ">收到评论<span class="layui-badge-dot"></span></a>
            </li>    
            <li class="layui-nav-item">
              <a href=""><img src="../img/b1.png" class="layui-nav-img">我</a>
              <dl class="layui-nav-child">
                <dd><a href="javascript:;">修改信息</a></dd>
                <dd><a href="javascript:;">安全管理</a></dd>
                <dd><a href="javascript:;">退了</a></dd>
              </dl>
            </li>
          </ul>
    </div>

    <div class="merchant-product"  id="layerDemo" style="padding: 20px;">

        <div class="layui-row" style="background-color: #eaeaea;text-align: center;height: 30px;line-height: 30px;color: #666666;">
            <div class="layui-col-md1">
                <a href="">全部评论</a> 
            </div>
            <div class="layui-col-md1">
                <a href="">好评</a>
            </div>
            <div class="layui-col-md1">
                <a href="">中评</a> 
            </div>
            <div class="layui-col-md1">
                <a href="">差评</a> 
            </div>
            <div class="layui-col-md1">
                <a href="">追评</a> 
            </div>
        </div>

        <div class="comment-all">
            <div class="comment-demo layui-row" style="padding: 15px;">
                <div class="layui-col-md2">
                    <li class="layui-nav-item">
                        <a href=""><img src="../img/p2.png" class="layui-nav-img">zzz</a>
                </div>
                <div class="layui-col-md10">
                    <div class="comment-star" style="padding: 5px 0;height: 20px;">
                        <div id="test2"></div>
                    </div>

                    <div class="comment-content">
                        <p class="comment-con" style="font-size: 15px;padding: 10px 0;line-height: 180%;color: #333;">
                            用了一个星期了，还不错吧，速度挺快的!</p>
                    </div>

                    <div class="product-detail" style="color: #979797;">
                        <p>真香榴莲</p>
                        <p>2020-6-13 12:05</p>
                    </div>

                    <div class="comment-bottom" style="text-align: right;">
                        <span style="margin: 0 20px;"><i class="layui-icon" onclick="">&#xe63a;</i></span>
                    </div>
                </div>

            </div>
        </div>
    </div>
</body>
</html>